
<template>
  <yt-grid width="1664" height="1016" background="#F0F3F8" class="page-itdle">
      
  <yt-grid-item fixedSize='selfAdaption' id="yt-8zx5am0us1tzu" gridColumnStart="122" gridColumnEnd="1662" gridRowStart="22" gridRowEnd="42" zIndex="1" previewType="FixedWH">
      <span ref='ref1' class='webVueAntYtSpan webVueAntYtSpanStyle-0rjn4 webVueAntYtSpanBrCount-sf3hd webVueAntYtSpanStyle webVueAntYtSpanBrCount'>
                  <span v-html='"故障列表"'>
                  
              </span>
              </span>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-58e2xm0us1tzz" gridColumnStart="34" gridColumnEnd="120" gridRowStart="21" gridRowEnd="41" zIndex="2" previewType="FixedWH">
      <span ref='ref2' class='webVueAntYtSpan webVueAntYtSpanStyle-h21pp webVueAntYtSpanBrCount-i8atk webVueAntYtSpanStyle webVueAntYtSpanBrCount'>
                  <span v-html='"数据管理 /"'>
                  
              </span>
              </span>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-7dqmym0us1u02" gridColumnStart="33" gridColumnEnd="1620" gridRowStart="51" gridRowEnd="123" zIndex="3" previewType="FixedWH">
      <div ref='ref3' class='webVueAntYtRectangle webVueAntYtRectangleStyle-hqnon webVueAntYtRectangleStyle'>
                  
              </div>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-j5d3um0us1u04" gridColumnStart="33" gridColumnEnd="1620" gridRowStart="142" gridRowEnd="982" zIndex="4" previewType="FixedWH">
      <div ref='ref4' class='webVueAntYtRectangle webVueAntYtRectangleStyle-gyxyq webVueAntYtRectangleStyle'>
                  
              </div>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='ProjectNameisShow1' id="yt-2mrzfm0us1u06" gridColumnStart="67" gridColumnEnd="372" gridRowStart="71" gridRowEnd="103" zIndex="5" previewType="FixedWH">
      <a-form-item ref='ref5' class='webVueAntInputFormItem webVueAntYtInputFormItem-eo255  webVueAntYtInputFormItem show-label' name='ProjectNamevalue1' :colon='false'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"项目名称"'>
                  
              </span>
              </div>
              </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-5n14m webVueAntYtInputStyle' v-model:value='ProjectNamevalue1' :maxLength='100' :placeholder='"请输入"'>
                  
              </a-input>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-c6g35m0us1u0i" gridColumnStart="1301" gridColumnEnd="1381" gridRowStart="72" gridRowEnd="104" zIndex="6" previewType="FixedWH">
      <a-button ref='ref6' @click="()=> { fetchFaultReports(); }" class='webVueAntButton webVueAntYtButtonStyle-ahzlb  webVueAntYtButtonStyle center' :loading='Checkloading1'>
                  <span class='yt-button-content ' v-html='"查询"'>
                  
              </span>
              </a-button>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='ResetisShow1' id="yt-x9jgum0us1u0m" gridColumnStart="1401" gridColumnEnd="1481" gridRowStart="72" gridRowEnd="104" zIndex="7" previewType="FixedWH">
      <a-button ref='ref7' @click="()=> { resetFaultReportFilters(); }" class='webVueAntButton webVueAntYtButtonStyle-10zxy  webVueAntYtButtonStyle center' :loading='Resetloading1'>
                  <span class='yt-button-content ' v-html='"重置"'>
                  
              </span>
              </a-button>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-4ux69m0us1u0p" gridColumnStart="67" gridColumnEnd="147" gridRowStart="163" gridRowEnd="195" zIndex="8" previewType="FixedWH">
      <a-button ref='ref8' @click="()=> { showFaultReportingModal(); }" class='webVueAntButton webVueAntYtButtonStyle-qt2kv  webVueAntYtButtonStyle center' :loading='Escalationloading1'>
                  <span class='yt-button-content ' v-html='"上报"'>
                  
              </span>
              </a-button>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='FaultcategoryisShow1' id="yt-rcz9jm0us32u5" gridColumnStart="429" gridColumnEnd="696" gridRowStart="72" gridRowEnd="104" zIndex="9" previewType="FixedWH">
      <a-form-item ref='ref12' class='webVueSelectFormItem webVueAntYtSelectFormItem-mkteq  webVueAntYtSelectFormItem show-label' name='Faultcategoryvalue1' :colon='false'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"故障类别"'>
                  
              </span>
              </div>
              </template>
<a-select data-event class='webVueSelect  webVueAntYtSelectStyle' :dropdownClassName='"popup_yt-rcz9jm0us32u5"' :showArrow='true' v-model:value='Faultcategoryvalue1' :placeholder='"请选择"' :mode='"single"' :options='[{"label":"膜","value":"膜","disabled":false,"select":false},{"label":"动设备-高压泵","value":"动设备-高压泵","disabled":false,"select":false},{"value":"动设备-低压泵","label":"动设备-低压泵","disabled":false,"select":false},{"value":"动设备-其他","label":"动设备-其他","disabled":false,"select":false},{"value":"静设备","label":"静设备","disabled":false,"select":false},{"value":"电气-变频器","label":"电气-变频器","disabled":false,"select":false},{"value":"电气-电气元件","label":"电气-电气元件","disabled":false,"select":false},{"value":"仪表","label":"仪表","disabled":false,"select":false},{"value":"其他","label":"其他","disabled":false,"select":false},{"value":"设备日常保养","label":"设备日常保养","disabled":false,"select":false}]' :showSearch='true'>
                  
              </a-select>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='DateRangeisShow1' id="yt-fmep6m0us3ldm" gridColumnStart="745" gridColumnEnd="1100" gridRowStart="72" gridRowEnd="104" zIndex="10" previewType="FixedWH">
      <a-form-item ref='ref13' class='webVueAntDatePickerFormItem webVueAntYtDatePickerFormItem-8rzb3  webVueAntYtDatePickerFormItem show-label' name='DateRangevalue1' :colon='false'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"日期范围"'>
                  
              </span>
              </div>
              </template>
              <yt-custom-range-picker data-event class='webVueAntYtRangePicker webVueAntYtRangePickerStyle-5o5mo webVueAntYtRangePickerStyle' :popupKey='"popup_yt-fmep6m0us3ldm"' v-model:value='DateRangevalue1'>
              </yt-custom-range-picker>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='ExportisShow1' id="yt-32l0qm0us41dx" gridColumnStart="1501" gridColumnEnd="1581" gridRowStart="72" gridRowEnd="104" zIndex="11" previewType="FixedWH">
      <a-button ref='ref14' @click="()=> { exportFaultReportsToExcel(); }" class='webVueAntButton webVueAntYtButtonStyle-25nou  webVueAntYtButtonStyle center' :loading='Exportloading1'>
                  <span class='yt-button-content ' v-html='"导出"'>
                  
              </span>
              </a-button>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='FaultreportingisShow1' id="yt-w846mm0vtr9z9" gridColumnStart="332" gridColumnEnd="1390" gridRowStart="142" gridRowEnd="900" zIndex="13" previewType="FixedWH">
      <yt-custom-modal ref='ref15' @ok="()=> { submitFaultReport(); }" @cancel="()=> { cancelFaultReport(); }" class='webVueAntYtModal webVueAntYtModalStyle-884yl webVueAntYtModalStyle' v-model:isShow='FaultreportingisShow1' :title='"故障上报"'>
                  <template #content>
                  <a-form class='webVueAntForm ' :model='Faultreportingform1' ref='ref15_form'>
                  
  <yt-grid  previewType="FixedWH" width="1054" height="652">
      
  <yt-grid-item fixedSize='selfAdaption' :isShow='ProjectName1isShow1' id="yt-jfkoim0vtskcr" gridColumnStart="103" gridColumnEnd="409" gridRowStart="18" gridRowEnd="50" zIndex="1" previewType="FixedWH">
      <a-form-item ref='ref19' class='webVueSelectFormItem webVueAntYtSelectFormItem-vt05u  webVueAntYtSelectFormItem show-label' name='ProjectName1value1' :colon='false' :rules='[]'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"项目名称"'>
                  
              </span>
              </div>
              </template>
<a-select class='webVueSelect  webVueAntYtSelectStyle' :dropdownClassName='"popup_yt-jfkoim0vtskcr"' :showArrow='true' v-model:value='Faultreportingform1.ProjectName1value1' :placeholder='"请输入"' :mode='"single"' :options='projectNames' :showSearch='true'>
                  
              </a-select>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-qbrc9m0vtsoza" gridColumnStart="103" gridColumnEnd="408" gridRowStart="64" gridRowEnd="96" zIndex="2" previewType="FixedWH">
      <a-form-item ref='ref20' class='webVueAntInputFormItem webVueAntYtInputFormItem-tmg5v  webVueAntYtInputFormItem show-label' name='EquipmentNamevalue1' :colon='false' :rules='[]'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"设备名称"'>
                  
              </span>
              </div>
              </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-xzh5x webVueAntYtInputStyle' v-model:value='Faultreportingform1.EquipmentNamevalue1' :maxLength='100' :placeholder='"请输入"'>
                  
              </a-input>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-lje6wm0vtt7jt" gridColumnStart="103" gridColumnEnd="408" gridRowStart="110" gridRowEnd="142" zIndex="3" previewType="FixedWH">
      <a-form-item ref='ref23' class='webVueSelectFormItem webVueAntYtSelectFormItem-6k1e8  webVueAntYtSelectFormItem show-label' name='FaultCategory1value1' :colon='false' :rules='[]'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"故障类别"'>
                  
              </span>
              </div>
              </template>
<a-select data-event class='webVueSelect  webVueAntYtSelectStyle' :dropdownClassName='"popup_yt-lje6wm0vtt7jt"' :showArrow='true' v-model:value='Faultreportingform1.FaultCategory1value1' :placeholder='"请输入"' :mode='"single"' :options='[{"label":"膜","value":"膜","disabled":false,"select":false},{"label":"动设备-高压泵","value":"动设备-高压泵","disabled":false,"select":false},{"value":"动设备-低压泵","label":"动设备-低压泵","disabled":false,"select":false},{"value":"动设备-其他","label":"动设备-其他","disabled":false,"select":false},{"value":"静设备","label":"静设备","disabled":false,"select":false},{"value":"电气-变频器","label":"电气-变频器","disabled":false,"select":false},{"value":"电气-电气元件","label":"电气-电气元件","disabled":false,"select":false},{"value":"仪表","label":"仪表","disabled":false,"select":false},{"value":"其他","label":"其他","disabled":false,"select":false},{"value":"设备日常保养","label":"设备日常保养","disabled":false,"select":false}]' :showSearch='true'>
                  
              </a-select>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-6szsxm0vtt7k0" gridColumnStart="131" gridColumnEnd="408" gridRowStart="155" gridRowEnd="187" zIndex="4" previewType="FixedWH">
      <a-form-item ref='ref24' class='webVueAntInputFormItem webVueAntYtInputFormItem-b2kn4  webVueAntYtInputFormItem show-label' name='Quantityvalue1' :colon='false' :rules='[]'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"数量"'>
                  
              </span>
              </div>
              </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-47xnz webVueAntYtInputStyle' v-model:value='Faultreportingform1.Quantityvalue1' :maxLength='100' :placeholder='"请输入"'>
                  
              </a-input>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-vqeklm0vttanb" gridColumnStart="75" gridColumnEnd="408" gridRowStart="202" gridRowEnd="234" zIndex="5" previewType="FixedWH">
      <a-form-item ref='ref25' class='webVueSelectFormItem webVueAntYtSelectFormItem-tle90  webVueAntYtSelectFormItem show-label' name='Whetherthestartupisaffectedvalue1' :colon='false' :rules='[]'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"是否影响开机"'>
                  
              </span>
              </div>
              </template>
<a-select data-event class='webVueSelect  webVueAntYtSelectStyle' :dropdownClassName='"popup_yt-vqeklm0vttanb"' :showArrow='true' v-model:value='Faultreportingform1.Whetherthestartupisaffectedvalue1' :placeholder='"请输入"' :mode='"single"' :options='[{"label":"是","value":"是","disabled":false,"select":false},{"label":"否","value":"否","disabled":false,"select":false}]' :showSearch='true'>
                  
              </a-select>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='ReportingtimeisShow1' id="yt-fygstm0vtx08u" gridColumnStart="103" gridColumnEnd="409" gridRowStart="255" gridRowEnd="287" zIndex="6" previewType="FixedWH">
      <a-form-item ref='ref35' class='webVueAntDatePickerFormItem webVueAntYtDatePickerFormItem-gute5  webVueAntYtDatePickerFormItem show-label' name='Reportingtimevalue1' :colon='false' :rules='[]'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"上报时间"'>
                  
              </span>
              </div>
              </template>
<yt-custom-date-piker  class='webVueAntYtDatePickerStyle-36en6 webVueAntYtDatePickerStyle' :popupKey='"popup_yt-fygstm0vtx08u"' v-model:value='Faultreportingform1.Reportingtimevalue1' :placeholder='"请输入"'>
                  
              </yt-custom-date-piker>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-kgad0m0vtxd61" gridColumnStart="534" gridColumnEnd="873" gridRowStart="18" gridRowEnd="50" zIndex="7" previewType="FixedWH">
      <a-form-item ref='ref36' class='webVueAntInputFormItem webVueAntYtInputFormItem-ow3s0  webVueAntYtInputFormItem show-label' name='SystemDeviceNamevalue1' :colon='false' :rules='[]'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"系统/装置名称"'>
                  
              </span>
              </div>
              </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-xgkr0 webVueAntYtInputStyle' v-model:value='Faultreportingform1.SystemDeviceNamevalue1' :maxLength='100' :placeholder='"请输入"'>
                  
              </a-input>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-hofrfm0vtxgdd" gridColumnStart="568" gridColumnEnd="873" gridRowStart="66" gridRowEnd="98" zIndex="8" previewType="FixedWH">
      <a-form-item ref='ref37' class='webVueAntInputFormItem webVueAntYtInputFormItem-34pr0  webVueAntYtInputFormItem show-label' name='EquipmentSpecificationsvalue1' :colon='false' :rules='[]'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"设备规格"'>
                  
              </span>
              </div>
              </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-w8bb3 webVueAntYtInputStyle' v-model:value='Faultreportingform1.EquipmentSpecificationsvalue1' :maxLength='100' :placeholder='"请输入"'>
                  
              </a-input>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='UnitisShow1' id="yt-5x96cm0vtximw" gridColumnStart="596" gridColumnEnd="873" gridRowStart="162" gridRowEnd="194" zIndex="9" previewType="FixedWH">
      <a-form-item ref='ref38' class='webVueAntInputFormItem webVueAntYtInputFormItem-6z81k  webVueAntYtInputFormItem show-label' name='Unitvalue1' :colon='false' :rules='[]'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"单位"'>
                  
              </span>
              </div>
              </template>
<a-input  class='webVueAntinput webVueAntYtInputStyle-qle0q webVueAntYtInputStyle' v-model:value='Faultreportingform1.Unitvalue1' :maxLength='100' :placeholder='"请输入"'>
                  
              </a-input>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-sy604m0vtxkem" gridColumnStart="568" gridColumnEnd="873" gridRowStart="115" gridRowEnd="147" zIndex="10" previewType="FixedWH">
      <a-form-item ref='ref39' class='webVueAntInputFormItem webVueAntYtInputFormItem-14b0f  webVueAntYtInputFormItem show-label' name='FaultDescriptionvalue1' :colon='false' :rules='[]'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"故障描述"'>
                  
              </span>
              </div>
              </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-nkfnl webVueAntYtInputStyle' v-model:value='Faultreportingform1.FaultDescriptionvalue1' :maxLength='100' :placeholder='"请输入"'>
                  
              </a-input>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='ReportingpersonnelisShow1' id="yt-ny1iem0vtxkoj" gridColumnStart="568" gridColumnEnd="873" gridRowStart="210" gridRowEnd="242" zIndex="11" previewType="FixedWH">
      <a-form-item ref='ref40' class='webVueAntInputFormItem webVueAntYtInputFormItem-x4836  webVueAntYtInputFormItem show-label' name='Reportingpersonnelvalue1' :colon='false' :rules='[]'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"上报人员"'>
                  
              </span>
              </div>
              </template>
<a-input  class='webVueAntinput webVueAntYtInputStyle-uug9w webVueAntYtInputStyle' v-model:value='Faultreportingform1.Reportingpersonnelvalue1' :maxLength='100' :placeholder='"请输入"'>
                  
              </a-input>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-ix2jum0vu098k" gridColumnStart="3" gridColumnEnd="1034" gridRowStart="303" gridRowEnd="315" zIndex="12" previewType="FixedWH">
      <div ref='ref41' class='webVueAntYtRectangle webVueAntYtRectangleStyle-408e9 webVueAntYtRectangleStyle'>
                  
              </div>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-wg8f0m0vu1385" gridColumnStart="568" gridColumnEnd="741" gridRowStart="256" gridRowEnd="288" zIndex="13" previewType="FixedWH">
      <a-form-item ref='ref42' class='webVueAntUploadButton webVueAntUploadButtonFormItem-rbn4t webVueAntUploadButtonStyle-de5jh  webVueAntUploadButtonFormItem webVueAntUploadButtonStyle show-label' name='PhotooffaultfileList1' :colon='false' :rules='[]'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"故障照片"'>
                  
              </span>
              </div>
              </template>
<yt-upload-button-inner data-event v-model:fileList='Faultreportingform1.PhotooffaultfileList1' :showUploadList='true' :accept='"image/*"' :maxCount='9'>
                  
              </yt-upload-button-inner>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='CurrentStatusisShow1' id="yt-jknvzm0vu1od9" gridColumnStart="103" gridColumnEnd="408" gridRowStart="326" gridRowEnd="358" zIndex="14" previewType="FixedWH">
      <a-form-item ref='ref43' class='webVueSelectFormItem webVueAntYtSelectFormItem-r7y9w  webVueAntYtSelectFormItem show-label' name='CurrentStatusvalue1' :colon='false' :rules='[]'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"当前状态"'>
                  
              </span>
              </div>
              </template>
<a-select  @change="()=> { handleStatusChange(); }" class='webVueSelect  webVueAntYtSelectStyle' :dropdownClassName='"popup_yt-jknvzm0vu1od9"' :showArrow='true' v-model:value='Faultreportingform1.CurrentStatusvalue1' :placeholder='"请输入"' :mode='"single"' :options='[{"label":"未处理","value":"未处理","disabled":false,"select":false},{"label":"处理中","value":"处理中","disabled":false,"select":false},{"value":"已处理","label":"已处理","disabled":false,"select":false}]' :showSearch='true'>
                  
              </a-select>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-g7l4om0vu1uz6" gridColumnStart="76" gridColumnEnd="409" gridRowStart="377" gridRowEnd="409" zIndex="15" previewType="FixedWH">
      <a-form-item ref='ref44' class='webVueAntInputFormItem webVueAntYtInputFormItem-jwqee  webVueAntYtInputFormItem show-label' name='Nameofrequiredaccessoriesvalue1' :colon='false' :rules='[]'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"所需配件名称"'>
                  
              </span>
              </div>
              </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-a4312 webVueAntYtInputStyle' v-model:value='Faultreportingform1.Nameofrequiredaccessoriesvalue1' :maxLength='100' :placeholder='"请输入"'>
                  
              </a-input>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-855cqm0vu24dt" gridColumnStart="568" gridColumnEnd="873" gridRowStart="326" gridRowEnd="358" zIndex="16" previewType="FixedWH">
      <a-form-item ref='ref45' class='webVueAntInputFormItem webVueAntYtInputFormItem-t9kkg  webVueAntYtInputFormItem show-label' name='Processvalue1' :colon='false' :rules='[]'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"处理过程"'>
                  
              </span>
              </div>
              </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-6knph webVueAntYtInputStyle' v-model:value='Faultreportingform1.Processvalue1' :maxLength='100' :placeholder='"请输入"'>
                  
              </a-input>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-n7n4lm0vu26p5" gridColumnStart="76" gridColumnEnd="277" gridRowStart="426" gridRowEnd="458" zIndex="17" previewType="FixedWH">
      <a-form-item ref='ref46' class='webVueAntUploadButton webVueAntUploadButtonFormItem-82gcx webVueAntUploadButtonStyle-kzd2m  webVueAntUploadButtonFormItem webVueAntUploadButtonStyle show-label' name='ProcessingprocessphotosfileList1' :colon='false' :rules='[]'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"处理过程照片"'>
                  
              </span>
              </div>
              </template>
<yt-upload-button-inner data-event v-model:fileList='Faultreportingform1.ProcessingprocessphotosfileList1' :showUploadList='true' :accept='"image/*"' :maxCount='9'>
                  
              </yt-upload-button-inner>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-0irucm0vu2eyj" gridColumnStart="512" gridColumnEnd="873" gridRowStart="377" gridRowEnd="409" zIndex="18" previewType="FixedWH">
      <a-form-item ref='ref47' class='webVueAntInputFormItem webVueAntYtInputFormItem-giyyg  webVueAntYtInputFormItem show-label' name='Specificationsandmodelsofrequiredaccessoriesvalue1' :colon='false' :rules='[]'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"所需配件规格型号"'>
                  
              </span>
              </div>
              </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-n6zms webVueAntYtInputStyle' v-model:value='Faultreportingform1.Specificationsandmodelsofrequiredaccessoriesvalue1' :maxLength='100' :placeholder='"请输入"'>
                  
              </a-input>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-nxtpmm0vu2ksq" gridColumnStart="12" gridColumnEnd="1043" gridRowStart="475" gridRowEnd="487" zIndex="19" previewType="FixedWH">
      <div ref='ref48' class='webVueAntYtRectangle webVueAntYtRectangleStyle-klqpo webVueAntYtRectangleStyle'>
                  
              </div>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-71by1m0vu2xgh" gridColumnStart="103" gridColumnEnd="408" gridRowStart="551" gridRowEnd="583" zIndex="20" previewType="FixedWH">
      <a-form-item ref='ref50' class='webVueAntInputFormItem webVueAntYtInputFormItem-qaicg  webVueAntYtInputFormItem show-label' name='Processingresultsvalue1' :colon='false' :rules='[]'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"处理结果"'>
                  
              </span>
              </div>
              </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-biyj1 webVueAntYtInputStyle' v-model:value='Faultreportingform1.Processingresultsvalue1' :maxLength='100' :placeholder='"请输入"'>
                  
              </a-input>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-cjregm0vu2xgl" gridColumnStart="75" gridColumnEnd="276" gridRowStart="603" gridRowEnd="635" zIndex="21" previewType="FixedWH">
      <a-form-item ref='ref51' class='webVueAntUploadButton webVueAntUploadButtonFormItem-dwoxl webVueAntUploadButtonStyle-jce0h  webVueAntUploadButtonFormItem webVueAntUploadButtonStyle show-label' name='ProcessingresultphotosfileList1' :colon='false' :rules='[]'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"处理结果照片"'>
                  
              </span>
              </div>
              </template>
<yt-upload-button-inner data-event v-model:fileList='Faultreportingform1.ProcessingresultphotosfileList1' :showUploadList='true' :accept='"image/*"' :maxCount='9'>
                  
              </yt-upload-button-inner>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-d4nspm0vu2xgr" gridColumnStart="569" gridColumnEnd="874" gridRowStart="551" gridRowEnd="583" zIndex="22" previewType="FixedWH">
      <a-form-item ref='ref53' class='webVueAntInputFormItem webVueAntYtInputFormItem-5ambs  webVueAntYtInputFormItem show-label' name='ExpenseDetailsvalue1' :colon='false' :rules='[]'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"费用明细"'>
                  
              </span>
              </div>
              </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-zhdk8 webVueAntYtInputStyle' v-model:value='Faultreportingform1.ExpenseDetailsvalue1' :maxLength='100' :placeholder='"请输入"'>
                  
              </a-input>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-b1ozhm0vu3yc8" gridColumnStart="568" gridColumnEnd="874" gridRowStart="501" gridRowEnd="533" zIndex="23" previewType="FixedWH">
      <a-form-item ref='ref54' class='webVueAntDatePickerFormItem webVueAntYtDatePickerFormItem-1hdad  webVueAntYtDatePickerFormItem show-label' name='Closingtimevalue1' :colon='false' :rules='[]'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"关闭时间"'>
                  
              </span>
              </div>
              </template>
<yt-custom-date-piker data-event class='webVueAntYtDatePickerStyle-wllqp webVueAntYtDatePickerStyle' :popupKey='"popup_yt-b1ozhm0vu3yc8"' v-model:value='Faultreportingform1.Closingtimevalue1' :placeholder='"请输入"'>
                  
              </yt-custom-date-piker>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-7vr57m11xfhkb" gridColumnStart="69" gridColumnEnd="408" gridRowStart="501" gridRowEnd="533" zIndex="24" previewType="FixedWH">
      <a-form-item ref='ref55' class='webVueAntInputFormItem webVueAntYtInputFormItem-azuvr  webVueAntYtInputFormItem show-label' name='Servicemaintenancepersonnelvalue2' :colon='false' :rules='[]'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"检修/维护人员"'>
                  
              </span>
              </div>
              </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-jr0i4 webVueAntYtInputStyle' v-model:value='Faultreportingform1.Servicemaintenancepersonnelvalue2' :maxLength='100' :placeholder='"请输入"'>
                  
              </a-input>
              </a-form-item>
  </yt-grid-item>

  </yt-grid>
  
              </a-form>
              </template>
              </yt-custom-modal>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='FaultListisShow1' id="yt-jrxk4m17odn8w" gridColumnStart="67" gridColumnEnd="1602" gridRowStart="211" gridRowEnd="959" zIndex="12" previewType="FixedWH">
      <yt-table ref='ref56' class='webVueAntYtTable webVueAntYtTableStyle-62xll webVueAntYtTableStyle' :canSelect='false' v-model:currentRow='FaultListcurrentRow1' v-model:selectedRows='FaultListselectedRows1' v-model:total='FaultListtotal1' v-model:current='FaultListcurrent2' v-model:pageSize='FaultListpageSize1' :columns='FaultListdata1.columns' :dataSource='FaultListdata1.dataSource' :scroll='{y:634.0000152231099}'>
                  <template #cell='{ column, record }'>
                  <template v-if='column.dataIndex === "operation"' :forKey='"operation"'>
                  
  <yt-grid  previewType="FixedWH" width="178" height="48">
      
  <yt-grid-item fixedSize='selfAdaption' :isShow='EditisShow1' id="yt-oxmcjm17olmw3" gridColumnStart="48" gridColumnEnd="84" gridRowStart="8" gridRowEnd="40" zIndex="1" previewType="FixedWH">
      <a-button ref='ref59' @click="()=> { editFaultReport(record); }" class='webVueAntButton webVueAntYtButtonStyle-wijlg  webVueAntYtButtonStyle center' :loading='Editloading2'>
                  <span class='yt-button-content ' v-html='"编辑"'>
                  
              </span>
              </a-button>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='ViewisShow1' id="yt-gty7zm17olmw6" gridColumnStart="94" gridColumnEnd="130" gridRowStart="8" gridRowEnd="40" zIndex="2" previewType="FixedWH">
      <a-button ref='ref60' @click="()=> { viewFaultReport(record); }" class='webVueAntButton webVueAntYtButtonStyle-nuzkv  webVueAntYtButtonStyle center' :loading='Viewloading2'>
                  <span class='yt-button-content ' v-html='"查看"'>
                  
              </span>
              </a-button>
  </yt-grid-item>

  </yt-grid>
  
              </template>
              </template>
              </yt-table>
  </yt-grid-item>

  </yt-grid>
</template>

<script>

import { loadCss } from "../shared/loadTheme";
import axios from "axios";
import { message, Modal } from "ant-design-vue";
import { h } from "vue";
export default {
data() {
return {
ReportingpersonnelisShow1: true,
ProjectName1isShow1: true,
FaultreportingisShow1: false,
Faultreportingform1: {
id: null,
ProjectName1value1: undefined,
EquipmentNamevalue1: "",
FaultCategory1value1: undefined,
Quantityvalue1: "",
Whetherthestartupisaffectedvalue1: undefined,
Reportingtimevalue1: "",
SystemDeviceNamevalue1: "",
EquipmentSpecificationsvalue1: "",
Unitvalue1: "",
FaultDescriptionvalue1: "",
Reportingpersonnelvalue1: "",
PhotooffaultfileList1: [],
CurrentStatusvalue1: undefined,
Nameofrequiredaccessoriesvalue1: "",
Processvalue1: "",
ProcessingprocessphotosfileList1: [],
Specificationsandmodelsofrequiredaccessoriesvalue1: "",
Processingresultsvalue1: "",
ProcessingresultphotosfileList1: [],
ExpenseDetailsvalue1: "",
Closingtimevalue1: "",
Servicemaintenancepersonnelvalue2: ""
},
UnitisShow1: true,
CurrentStatusisShow1: true,
ReportingtimeisShow1: true,
Viewloading2: false,
ViewisShow1: true,
Editloading2: false,
EditisShow1: true,
FaultListcurrentRow1: {},
FaultListselectedRows1: [],
FaultListpageSize1: 10,
FaultListdata1: {
columns: [{
key: "id",
title: "id",
dataIndex: "id"
}, {
key: "serialNumber",
title: "序号",
dataIndex: "serialNumber"
}, {
key: "projectName",
title: "项目名称",
dataIndex: "projectName"
}, {
key: "systemDeviceName",
title: "系统装置名称",
dataIndex: "systemDeviceName"
}, {
key: "equipmentName",
title: "设备名称",
dataIndex: "equipmentName"
}, {
key: "faultcategory",
title: "故障类别",
dataIndex: "faultcategory"
}, {
key: "faultDescription",
title: "故障描述",
dataIndex: "faultDescription"
}, {
key: "whetherthestartupisaffected",
title: "是否影响开机",
dataIndex: "whetherthestartupisaffected"
}, {
key: "reportingpersonnel",
title: "上报人员",
dataIndex: "reportingpersonnel"
}, {
key: "reportingtime",
title: "上报时间",
dataIndex: "reportingtime"
}, {
key: "currentStatus",
title: "当前状态",
dataIndex: "currentStatus"
}, {
key: "faulthandlingduration",
title: "故障处理时长",
dataIndex: "faulthandlingduration"
}, {
key: "operation",
title: "操作",
dataIndex: "operation",
cellType: "slot"
}],
dataSource: [{
id: 1,
serialNumber: "标题1",
operation: ""
}, {
id: 2,
serialNumber: "标题2",
operation: ""
}]
},
FaultListcurrent2: 1,
FaultListtotal1: 2,
FaultListisShow1: true,
Escalationloading1: false,
Faultcategoryvalue1: undefined,
FaultcategoryisShow1: true,
DateRangevalue1: "",
DateRangeisShow1: true,
ProjectNamevalue1: "",
ProjectNameisShow1: true,
Checkloading1: false,
Resetloading1: false,
ResetisShow1: true,
Exportloading1: false,
ExportisShow1: true,
projectNames: []
};
},
watch: {},
methods: {
async fetchProjectNames() {
try {
// 发送请求获取项目名称
const response = await axios.get('./Revenuedatareporting/getAllProjectNames');

// 校验response.data是否为数组
if (response.data && Array.isArray(response.data.data)) {
// 将获取到的项目名称赋值给组件变量
this.projectNames = response.data.data.map(item => ({
  label: item.project_name,
  value: item.id
}));
} else {
// 如果数据格式不正确，抛出错误
throw new Error('Invalid data format');
}
} catch (error) {
// 错误处理
message.error('获取项目名称失败: ' + error.message);
}
},
async submitFaultReport() {
try {
// Validate form fields
const values = await this.$refs.ref15_form.validateFields();

// Prepare the payload for the backend request
const payload = {
ProjectName1value1: this.Faultreportingform1.ProjectName1value1,
EquipmentNamevalue1: this.Faultreportingform1.EquipmentNamevalue1,
FaultCategory1value1: this.Faultreportingform1.FaultCategory1value1,
Quantityvalue1: this.Faultreportingform1.Quantityvalue1,
Whetherthestartupisaffectedvalue1: this.Faultreportingform1.Whetherthestartupisaffectedvalue1,
Reportingtimevalue1: this.Faultreportingform1.Reportingtimevalue1,
SystemDeviceNamevalue1: this.Faultreportingform1.SystemDeviceNamevalue1,
EquipmentSpecificationsvalue1: this.Faultreportingform1.EquipmentSpecificationsvalue1,
Unitvalue1: this.Faultreportingform1.Unitvalue1,
FaultDescriptionvalue1: this.Faultreportingform1.FaultDescriptionvalue1,
Reportingpersonnelvalue1: this.Faultreportingform1.Reportingpersonnelvalue1,
PhotooffaultfileList1: this.Faultreportingform1.PhotooffaultfileList1.join(','),
CurrentStatusvalue1: this.Faultreportingform1.CurrentStatusvalue1,
Nameofrequiredaccessoriesvalue1: this.Faultreportingform1.Nameofrequiredaccessoriesvalue1,
Processvalue1: this.Faultreportingform1.Processvalue1,
ProcessingprocessphotosfileList1: this.Faultreportingform1.ProcessingprocessphotosfileList1.join(','),
Specificationsandmodelsofrequiredaccessoriesvalue1: this.Faultreportingform1.Specificationsandmodelsofrequiredaccessoriesvalue1,
Processingresultsvalue1: this.Faultreportingform1.Processingresultsvalue1,
ProcessingresultphotosfileList1: this.Faultreportingform1.ProcessingresultphotosfileList1.join(','),
ExpenseDetailsvalue1: this.Faultreportingform1.ExpenseDetailsvalue1,
Closingtimevalue1: this.Faultreportingform1.Closingtimevalue1,
Servicemaintenancepersonnelvalue2: this.Faultreportingform1.Servicemaintenancepersonnelvalue2
};

// Call the backend interface
const response = await this.executeBackendInterface('createFaultReport', payload);
if (response.flag) {
// Update the table data
this.FaultListdata1.dataSource.push({
  id: this.FaultListdata1.dataSource.length + 1,
  serialNumber: this.Faultreportingform1.ProjectName1value1,
  projectName: this.Faultreportingform1.ProjectName1value1,
  systemDeviceName: this.Faultreportingform1.SystemDeviceNamevalue1,
  equipmentName: this.Faultreportingform1.EquipmentNamevalue1,
  faultcategory: this.Faultreportingform1.FaultCategory1value1,
  faultDescription: this.Faultreportingform1.FaultDescriptionvalue1,
  whetherthestartupisaffected: this.Faultreportingform1.Whetherthestartupisaffectedvalue1,
  reportingpersonnel: this.Faultreportingform1.Reportingpersonnelvalue1,
  reportingtime: this.Faultreportingform1.Reportingtimevalue1,
  currentStatus: this.Faultreportingform1.CurrentStatusvalue1,
  faulthandlingduration: '' // This field is not provided in the form
});

// Close the modal
this.FaultreportingisShow1 = false;

// Show success message
message.success('故障报告提交成功');
} else {
// Show error message
message.error(response.message);
}
} catch (errorInfo) {
console.log('Failed:', errorInfo);
}
},
showFaultReportingModal() {
// 显示故障上报弹框
this.FaultreportingisShow1 = true;
},
async fetchFaultReports() {
try {
// 获取查询参数
const projectName = this.ProjectNamevalue1;
const faultCategory = this.Faultcategoryvalue1;
const dateRange = this.DateRangevalue1;
const current = this.FaultListcurrent2;
const pageSize = this.FaultListpageSize1;

// 调用后端接口
const response = await this.executeBackendInterface('searchFaultReports', {
projectName,
faultCategory,
current,
pageSize
});

// 检查接口调用结果
if (response.flag) {
// 处理返回数据
const data = response.data.data.map((item, index) => ({
  id: item.id,
  serialNumber: index + 1,
  projectName: item.project_name,
  systemDeviceName: item.system_device_name,
  equipmentName: item.device_name,
  faultcategory: item.fault_category,
  faultDescription: item.fault_description,
  whetherthestartupisaffected: item.affect_startup,
  reportingpersonnel: item.reporter,
  reportingtime: item.report_time,
  currentStatus: item.current_status,
  faulthandlingduration: item.fault_handling_duration,
  operation: ''
}));

// 更新表格数据
this.FaultListdata1.dataSource = data;
this.FaultListtotal1 = response.data.total;
} else {
// 显示错误信息
message.error(response.message);
}
} catch (error) {
// 处理异常
message.error('查询失败，请稍后重试');
console.error(error);
}
},
async resetFaultReportFilters() {
// 清空项目名称
this.ProjectNamevalue1 = "";

// 清空故障类别
this.Faultcategoryvalue1 = undefined;

// 清空日期范围
this.DateRangevalue1 = "";

// 刷新故障列表
this.FaultListdata1.dataSource = [];
this.FaultListtotal1 = 0;
try {
// 获取查询参数
const current = this.FaultListcurrent2;
const pageSize = this.FaultListpageSize1;

// 调用后端接口
const response = await this.executeBackendInterface('searchFaultReports', {
projectName: '',
faultCategory: '',
dateRange: '',
current,
pageSize
});

// 检查接口调用结果
if (response.flag) {
// 处理返回数据
const data = response.data.data.map((item, index) => ({
  id: item.id,
  serialNumber: index + 1,
  projectName: item.project_name,
  systemDeviceName: item.system_device_name,
  equipmentName: item.device_name,
  faultcategory: item.fault_category,
  faultDescription: item.fault_description,
  whetherthestartupisaffected: item.affect_startup,
  reportingpersonnel: item.reporter,
  reportingtime: item.report_time,
  currentStatus: item.current_status,
  faulthandlingduration: item.fault_handling_duration,
  operation: ''
}));

// 更新表格数据
this.FaultListdata1.dataSource = data;
this.FaultListtotal1 = response.data.total;
} else {
// 显示错误信息
message.error(response.message);
}
// 提示用户重置成功
message.success('重置成功');
} catch (error) {
// 处理异常
message.error('查询失败，请稍后重试');
console.error(error);
}
},
async exportFaultReportsToExcel() {
try {
const response = await this.executeBackendInterface('exportFaultReports', {});
if (response.flag) {
message.success('导出成功');
} else {
message.error('导出失败: ' + response.message);
}
} catch (error) {
message.error('导出失败: ' + error.message);
}
},
editFaultReport(record) {
this.Faultreportingform1 = {
...record
};
debugger
this.FaultreportingisShow1 = true;
},
async initializeFaultReports() {
try {
const response = await this.executeBackendInterface('getFaultReports', {
current: this.FaultListcurrent2,
pageSize: this.FaultListpageSize1



});
if (response.flag) {
this.FaultListdata1.dataSource = response.data.data.map((item, index) => ({
  id: item.id,
  serialNumber: index + 1,
  projectName: item.project_name,
  systemDeviceName: item.system_device_name,
  equipmentName: item.device_name,
  faultcategory: item.fault_category,
  faultDescription: item.fault_description,
  whetherthestartupisaffected: item.affect_startup,
  reportingpersonnel: item.reporter,
  reportingtime: item.report_time,
  currentStatus: item.current_status,
  faulthandlingduration: item.fault_handling_duration,
  operation: ""
}));
this.FaultListtotal1 = response.data.total;
} else {
message.error('初始化失败: ' + response.message);
}
} catch (error) {
message.error('初始化失败: ' + error.message);
}
},
async fetchCurrentUser() {
try {
const response = await this.executeBackendInterface('getCurrentUser', {});
if (response.flag) {
const data = response.data;
if (Array.isArray(data) && data.length > 0) {
  const userData = data[0];
  this.Faultreportingform1.id = userData.id;
  this.Faultreportingform1.ProjectName1value1 = userData.project_id;
  this.Faultreportingform1.EquipmentNamevalue1 = userData.device_name;
  this.Faultreportingform1.FaultCategory1value1 = userData.fault_category;
  this.Faultreportingform1.Quantityvalue1 = userData.quantity;
  this.Faultreportingform1.Whetherthestartupisaffectedvalue1 = userData.affect_startup;
  this.Faultreportingform1.Reportingtimevalue1 = userData.report_time;
  this.Faultreportingform1.SystemDeviceNamevalue1 = userData.system_device_name;
  this.Faultreportingform1.EquipmentSpecificationsvalue1 = userData.equipment_specifications;
  this.Faultreportingform1.Unitvalue1 = userData.unit;
  this.Faultreportingform1.FaultDescriptionvalue1 = userData.fault_description;
  this.Faultreportingform1.Reportingpersonnelvalue1 = userData.reporter;
  this.Faultreportingform1.PhotooffaultfileList1 = userData.photo_of_fault;
  this.Faultreportingform1.CurrentStatusvalue1 = userData.current_status;
  this.Faultreportingform1.Nameofrequiredaccessoriesvalue1 = userData.name_of_required_accessories;
  this.Faultreportingform1.Processvalue1 = userData.process;
  this.Faultreportingform1.ProcessingprocessphotosfileList1 = userData.processing_process_photos;
  this.Faultreportingform1.Specificationsandmodelsofrequiredaccessoriesvalue1 = userData.specifications_and_models_of_required_accessories;
  this.Faultreportingform1.Processingresultsvalue1 = userData.processing_results;
  this.Faultreportingform1.ProcessingresultphotosfileList1 = userData.processing_result_photos;
  this.Faultreportingform1.ExpenseDetailsvalue1 = userData.expense_details;
  this.Faultreportingform1.Closingtimevalue1 = userData.closing_time;
  this.Faultreportingform1.Servicemaintenancepersonnelvalue2 = userData.service_maintenance_personnel;
}
} else {
message.error(response.message);
}
} catch (error) {
message.error('获取用户信息失败');
}
},
async fetchCurrentTime() {
try {
const response = await this.executeBackendInterface('getCurrentTime', {});
if (response.flag) {
this.Faultreportingform1.Reportingtimevalue1 = response.data.currentTime;
} else {
message.error(response.message);
}
} catch (error) {
message.error('获取当前时间失败');
}
},
viewFaultReport(record) {
// 回显故障列表当前行数据到故障上报
this.Faultreportingform1.id = record.id;
this.Faultreportingform1.ProjectName1value1 = record.projectName;
this.Faultreportingform1.EquipmentNamevalue1 = record.equipmentName;
this.Faultreportingform1.FaultCategory1value1 = record.faultcategory;
this.Faultreportingform1.Quantityvalue1 = record.quantity;
this.Faultreportingform1.Whetherthestartupisaffectedvalue1 = record.whetherthestartupisaffected;
this.Faultreportingform1.Reportingtimevalue1 = record.reportingtime;
this.Faultreportingform1.SystemDeviceNamevalue1 = record.systemDeviceName;
this.Faultreportingform1.EquipmentSpecificationsvalue1 = record.equipmentSpecifications;
this.Faultreportingform1.Unitvalue1 = record.unit;
this.Faultreportingform1.FaultDescriptionvalue1 = record.faultDescription;
this.Faultreportingform1.Reportingpersonnelvalue1 = record.reportingpersonnel;
this.Faultreportingform1.PhotooffaultfileList1 = record.photooffaultfileList;
this.Faultreportingform1.CurrentStatusvalue1 = record.currentStatus;
this.Faultreportingform1.Nameofrequiredaccessoriesvalue1 = record.nameofrequiredaccessories;
this.Faultreportingform1.Processvalue1 = record.process;
this.Faultreportingform1.ProcessingprocessphotosfileList1 = record.processingprocessphotosfileList;
this.Faultreportingform1.Specificationsandmodelsofrequiredaccessoriesvalue1 = record.specificationsandmodelsofrequiredaccessories;
this.Faultreportingform1.Processingresultsvalue1 = record.processingresults;
this.Faultreportingform1.ProcessingresultphotosfileList1 = record.processingresultphotosfileList;
this.Faultreportingform1.ExpenseDetailsvalue1 = record.expenseDetails;
this.Faultreportingform1.Closingtimevalue1 = record.closingtime;
this.Faultreportingform1.Servicemaintenancepersonnelvalue2 = record.servicemaintenancepersonnel;

// 显示故障上报弹窗
this.FaultreportingisShow1 = true;
},
cancelFaultReport() {
// 弹出确认对话框
Modal.confirm({
title: '确认取消',
content: "您确定要取消故障上报吗？",
onOk: async () => {
// 关闭弹窗
this.FaultreportingisShow1 = false;
// 清空表单数据
this.Faultreportingform1 = {
  id: null,
  ProjectName1value1: undefined,
  EquipmentNamevalue1: "",
  FaultCategory1value1: undefined,
  Quantityvalue1: "",
  Whetherthestartupisaffectedvalue1: undefined,
  Reportingtimevalue1: "",
  SystemDeviceNamevalue1: "",
  EquipmentSpecificationsvalue1: "",
  Unitvalue1: "",
  FaultDescriptionvalue1: "",
  Reportingpersonnelvalue1: "",
  PhotooffaultfileList1: [],
  CurrentStatusvalue1: undefined,
  Nameofrequiredaccessoriesvalue1: "",
  Processvalue1: "",
  ProcessingprocessphotosfileList1: [],
  Specificationsandmodelsofrequiredaccessoriesvalue1: "",
  Processingresultsvalue1: "",
  ProcessingresultphotosfileList1: [],
  ExpenseDetailsvalue1: "",
  Closingtimevalue1: "",
  Servicemaintenancepersonnelvalue2: ""
};
message.success('故障上报已取消');
},
onCancel: () => {
message.info('取消操作已取消');
}
});
},
setDefaultUnit() {
// 设置默认值为 'pcs'
this.Faultreportingform1.Unitvalue1 = 'pcs';
},
handleStatusChange() {
// 获取当前状态的值
const currentStatus = this.Faultreportingform1.CurrentStatusvalue1;

// 根据当前状态值设置相关组件的显示/隐藏
if (currentStatus === '已处理') {
this.$refs.ref45.style.display = 'none'; // 处理过程
this.$refs.ref44.style.display = 'none'; // 所需配件名称
this.$refs.ref47.style.display = 'none'; // 所需配件规格型号
this.$refs.ref46.style.display = 'none'; // 处理过程照片
} else {
this.$refs.ref45.style.display = ''; // 处理过程
this.$refs.ref44.style.display = ''; // 所需配件名称
this.$refs.ref47.style.display = ''; // 所需配件规格型号
this.$refs.ref46.style.display = ''; // 处理过程照片
}

if (currentStatus === '处理中') {
this.$refs.ref55.style.display = 'none'; // 检修/维护人员
this.$refs.ref54.style.display = 'none'; // 关闭时间
this.$refs.ref50.style.display = 'none'; // 处理结果
this.$refs.ref53.style.display = 'none'; // 费用明细
this.$refs.ref51.style.display = 'none'; // 处理结果照片
} else {
this.$refs.ref55.style.display = ''; // 检修/维护人员
this.$refs.ref54.style.display = ''; // 关闭时间
this.$refs.ref50.style.display = ''; // 处理结果
this.$refs.ref53.style.display = ''; // 费用明细
this.$refs.ref51.style.display = ''; // 处理结果照片
}
},
async fetchAndSetVariables() {
try {
// 调用后端接口获取变量数组 需要传入pageUuid变量
const pageUuid = '1833069015983980544';
const response = await axios.get(`./system/permission/getCurrentPageNotShowVariable?pageUuid=${pageUuid}`);
const variablesArray = response.data; // 后端直接返回变量数组

if (variablesArray && Array.isArray(variablesArray))
// 遍历数组，将每个变量设置为true
variablesArray.forEach(variable => {
  this[variable] = true;
});
} catch (error) {
console.error('获取变量失败:', error);
}
},
executeBackendInterface(funcName, params) {
// 处理参数为Map的情况
if (params instanceof Map) {
params = Object.fromEntries(params);
}
// 调用后端接口
return new Promise((resolve, reject) => {
axios.post('./Faultlist/' + funcName, params, {
headers: {
  'Content-Type': 'application/json'
}
}).then(response => {
resolve(response.data);
}).catch(error => {
reject(error);
});
});
}
},
mounted() {
loadCss('./css/故障列表/theme.css');
this.initializeFaultReports();
this.fetchCurrentUser();
this.fetchCurrentTime();
// 调用 setDefaultUnit 方法设置默认值
this.setDefaultUnit();
// 组件挂载后自动调用函数获取变量
this.fetchAndSetVariables();
this.fetchProjectNames();

},
computed: {}
};

</script>
<style lang="less">
.page-itdle{
.webVueAntYtSpanStyle{
opacity: 1;
color: #3D3D3D;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 20px;
letter-spacing: 0px;
align-content: center;
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
}
.webVueAntYtSpanStyle span{
text-shadow: 0px 0px 0px transparent;
}
.webVueAntYtSpan {
display: block;
height:100%;
width:100%;
}
.webVueAntYtSpan span{
word-break: break-all;
width: auto;
display: inline-block;
vertical-align: top; /* 根据需要调整 */
}
.webVueAntYtSpan span:focus{
outline: none;
}

.webVueAntYtSpanStyle-0rjn4{
color: #438EFC !important;
font-size: 16px;
font-weight: bold;
}
.webVueAntYtSpanBrCount-sf3hd{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.webVueAntYtSpanBrCount-sf3hd span{
display: inline;
}
.webVueAntYtSpanStyle-0rjn4 span{
text-decoration: none;
}

.webVueAntYtSpanStyle-h21pp{
color: #4A4A4A !important;
font-size: 16px;
font-weight: bold;
}
.webVueAntYtSpanBrCount-i8atk{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.webVueAntYtSpanBrCount-i8atk span{
display: inline;
}
.webVueAntYtSpanStyle-h21pp span{
text-decoration: none;
}

.webVueAntYtRectangleStyle{
opacity: 1;
box-shadow: 0px 0px 0px 0px transparent;
background: transparent;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
}
.webVueAntYtRectangle {
width: 100%;
height:100%;

}

.webVueAntYtRectangleStyle-hqnon{
background: #ffffff;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}

.webVueAntYtRectangleStyle-gyxyq{
background: #ffffff;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}

.webVueAntYtInputFormItem{
flex-direction: row;
opacity: 1;
}
.webVueAntYtInputFormItem .ant-form-item-label label{
text-decoration: none;
font-style: normal;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
width: 52px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtInputFormItem .ant-form-item-label label .label-content{
text-align: left;
text-align-last: left;
}
.webVueAntYtInputStyle:not(.ant-input-affix-wrapper){
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
background: #FFFFFF;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
box-shadow: 0px 0px 0px 0px transparent;
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 12px;
}
.webVueAntYtInputStyle.ant-input-affix-wrapper{
background: #FFFFFF;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
box-shadow: 0px 0px 0px 0px transparent;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 12px;
}
.webVueAntYtInputStyle.ant-input-affix-wrapper input{
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
}
.webVueAntYtInputStyle:not(.ant-input-affix-wrapper)::placeholder,.webVueAntYtInputStyle:not(.ant-input-affix-wrapper)::-webkit-input-placeholder,.webVueAntYtInputStyle input::placeholder,.webVueAntYtInputStyle input::-webkit-input-placeholder{
color: #999999;
}
.webVueAntInputFormItem  {
flex-wrap: nowrap;
}
.webVueAntInputFormItem ,
.webVueAntinput,
.webVueAntInputFormItem .ant-form-item-control-input,
.webVueAntInputFormItem .ant-form-item-control-input .ant-form-item-control-input-content {
width: 100%;
height: 100%;
}
.webVueAntInputFormItem .ant-form-item-label {
flex-shrink: 0;
padding: 0;
text-align: left;
}
.webVueAntInputFormItem .ant-form-item-label label {
width: 100%;
height: 100%;
}
.webVueAntInputFormItem .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
margin-top: 4px;
}
.webVueAntInputFormItem .ant-form-item-label label .label-content{
flex: 1;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
}
.webVueAntInputFormItem .ant-form-item-label>label.ant-form-item-no-colon:after {
display: none;
}
.webVueAntInputFormItem .ant-form-item-label label .ant-form-item-content {
white-space: nowrap;
}
.webVueAntInputFormItem.hide-label .ant-form-item-label {
display: none;
}
.webVueAntInputFormItem .ant-form-item-content:focus{
outline: none;
}
.webVueAntinput.ant-input-affix-wrapper input {
background-color: transparent;
}


.webVueAntYtInputFormItem-eo255 .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-eo255 .ant-form-item-label label{
width: 66px;
padding-right: 10px;
}
.webVueAntYtInputStyle-5n14m:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtButtonStyle{
opacity: 1;
color: #FFFFFF;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
background: #4A90E2;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 0px solid #D9D9D9;
border-right: 0px solid #D9D9D9;
border-bottom: 0px solid #D9D9D9;
border-left: 0px solid #D9D9D9;
box-shadow: 0px 0px 0px 0px transparent;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
}
.webVueAntYtButtonStyle>span{
line-height: 28px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
text-align: center;
text-align-last: center;
}
.webVueAntButton  {
width: 100%;
height:100%;
display: flex;
}
.webVueAntButton .span:first-child{
flex: 0 0 8px;
}
.webVueAntButton .yt-button-content{
display: inline-block;
flex: 1;
}

.webVueAntButton.ant-btn-loading.center .yt-button-content,
.webVueAntButton.ant-btn-loading.right .yt-button-content,
.webVueAntButton.ant-btn-loading.left .yt-button-content {
flex: 0 0 auto;
}
.webVueAntButton span:focus{
outline: none;
}
.webVueAntButton.ant-btn-two-chinese-chars>:not(.anticon) {
margin-right: 0;
}

.webVueAntYtButtonStyle-ahzlb{
color: #FFFFFF !important;
background: #3C8EFF !important;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-ahzlb>span{
letter-spacing: 0px !important;
}

.webVueAntYtButtonStyle-10zxy{
color: #4A90E2 !important;
background: transparent !important;
border-top: 1px solid #4A90E2;
border-right: 1px solid #4A90E2;
border-bottom: 1px solid #4A90E2;
border-left: 1px solid #4A90E2;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-10zxy>span{
letter-spacing: 0px !important;
}

.webVueAntYtButtonStyle-qt2kv{
color: #FFFFFF !important;
background: #3C8EFF !important;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-qt2kv>span{
letter-spacing: 0px !important;
}

.webVueAntYtSelectFormItem{
flex-direction: row;
opacity: 1;
}
.webVueAntYtSelectFormItem .ant-form-item-label label{
text-decoration: none;
font-style: normal;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
width: 52px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtSelectFormItem .ant-form-item-label label .label-content{
text-align: left;
text-align-last: left;
}
.webVueAntYtSelectStyle .ant-select-selector{
background: #FFFFFF !important;
border-top-left-radius: 4px !important;
border-top-right-radius: 4px !important;
border-bottom-left-radius: 4px !important;
border-bottom-right-radius: 4px !important;
border-top: 1px solid #CDCDCD !important;
border-right: 1px solid #CDCDCD !important;
border-bottom: 1px solid #CDCDCD !important;
border-left: 1px solid #CDCDCD !important;
box-shadow: 0px 0px 0px 0px transparent;
padding-top: 0px !important;
padding-right: 10px !important;
padding-bottom: 0px !important;
padding-left: 12px !important;
}
.webVueAntYtSelectStyle.ant-select:not(.ant-select-disabled):hover .ant-select-selector,.webVueAntYtSelectStyle.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{
border-right: 1px solid #CDCDCD !important;
}
.webVueAntYtSelectStyle .ant-select-selector .ant-select-selection-item{
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal !important;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtSelectStyle .ant-select-selector .ant-select-selection-search input{
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal !important;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtSelectStyle .ant-select-selector .ant-select-selection-placeholder{
color: #999999;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.popup_yt-rcz9jm0us32u5.ant-select-dropdown{
border-top-left-radius: 2px !important;
border-top-right-radius: 2px !important;
border-bottom-left-radius: 2px !important;
border-bottom-right-radius: 2px !important;
background: #ffffff !important;
border-top: 1px solid transparent !important;
border-right: 1px solid transparent !important;
border-bottom: 1px solid transparent !important;
border-left: 1px solid transparent !important;
box-shadow: 0px 0px 10px 0px rgba(153,153,153,0.3);
padding-top: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
}
.popup_yt-rcz9jm0us32u5.ant-select-dropdown .ant-select-item{
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.popup_yt-rcz9jm0us32u5.ant-select-dropdown .ant-select-item-option-selected{
background: #E6EFFE;
color: #333333;
}
.popup_yt-rcz9jm0us32u5.ant-select-dropdown .ant-select-item:hover{
background: #F0F0F0;
color: #333333;
}
.popup_yt-rcz9jm0us32u5 .ant-select-item-option-active:not(.ant-select-item-option-disabled){
background: #F0F0F0;
color: #333333;
}
.webVueSelectFormItem  {
flex-wrap: nowrap;
}
.webVueSelectFormItem ,
.webVueSelectFormItem .ant-form-item-control-input,
.webVueSelectFormItem .ant-form-item-control-input .ant-form-item-control-input-content,
.webVueSelectFormItem .ant-form-item-control-input  .ant-select-selector .ant-select-selection-search input{
width: 100%;
height: 100%;
}
.webVueSelectFormItem .ant-form-item-control {
min-width: 0;
}
.webVueSelectFormItem .ant-form-item-label {
flex-shrink: 0;
padding: 0;
text-align: left;
}
.webVueSelectFormItem  .ant-form-item-label label {
width: 100%;
height: 100%;
}
.webVueSelectFormItem .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
margin-top: 4px;
}
.webVueSelectFormItem .ant-form-item-label label .label-content{
flex: 1;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
}
.webVueSelectFormItem .ant-form-item-label>label.ant-form-item-no-colon:after {
display: none;
}
.webVueSelectFormItem .ant-form-item-label label .ant-form-item-content {
white-space: nowrap;
}
.webVueSelectFormItem.hide-label .ant-form-item-label {
display: none;
}
.webVueSelectFormItem .ant-form-item-content:focus{
outline: none;
}
.webVueSelect.ant-select-single .ant-select-selector .ant-select-selection-placeholder,
.webVueSelect.ant-select-single .ant-select-selector{
display: flex;
align-items: center;
}

.webVueSelect {
width: 100%;
height:100%;
}
.webVueSelect .ant-select-selector {
width: 100% !important;
height: 100% !important;
overflow: auto;
}

.webVueAntYtSelectFormItem-mkteq .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtSelectFormItem-mkteq .ant-form-item-label label{
width: 67px;
padding-right: 10px;
}

.webVueAntYtDatePickerFormItem{
flex-direction: row;
opacity: 1;
}
.webVueAntYtDatePickerFormItem .ant-form-item-label label{
text-decoration: none;
font-style: normal;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtDatePickerFormItem .ant-form-item-label label .label-content{
text-align: left;
text-align-last: left;
}
.webVueAntYtDatePickerStyle{
box-shadow: 0px 0px 0px 0px transparent;
background: #FFFFFF !important;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 12px;
}
.webVueAntYtDatePickerStyle.ant-picker-focused,.webVueAntYtDatePickerStyle.ant-picker:hover{
border-right: 1px solid #CDCDCD !important;
}
.webVueAntYtDatePickerStyle .ant-picker-input>input{
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtDatePickerStyle .ant-picker-input>input::placeholder{
color: #999999;
}
.popup_yt-fmep6m0us3ldm.dropdownClassName{
box-shadow: 0px 0px 10px 0px rgba(153,153,153,0.3);
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}
.popup_yt-fmep6m0us3ldm.dropdownClassName .ant-picker-panel-container{
background: #ffffff;
}
.popup_yt-fmep6m0us3ldm.dropdownClassName .ant-picker-panel-container .ant-picker-header,.popup_yt-fmep6m0us3ldm.dropdownClassName .ant-picker-panel-container .ant-picker-panel table tr th,.popup_yt-fmep6m0us3ldm.dropdownClassName .ant-picker-panel-container .ant-picker-panel table tr td{
color: #333333;
}
.webVueAntDatePickerFormItem  {
flex-wrap: nowrap;
}
.webVueAntDatePickerFormItem ,
.webVueAntDatePickerFormItem .ant-form-item-control-input,
.webVueAntDatePickerFormItem .ant-form-item-control-input .ant-form-item-control-input-content {
width: 100%;
height: 100%;
}
.webVueAntDatePickerFormItem .ant-form-item-label {
flex-shrink: 0;
padding: 0;
text-align: left;
}
.webVueAntDatePickerFormItem .ant-form-item-label label {
width: 100%;
height: 100%;
}
.webVueAntDatePickerFormItem .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
margin-top: 4px;
}
.webVueAntDatePickerFormItem .ant-form-item-label label .label-content{
flex: 1;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
}
.webVueAntDatePickerFormItem .ant-form-item-label>label.ant-form-item-no-colon:after {
display: none;
}
.webVueAntDatePickerFormItem .ant-form-item-label label .ant-form-item-content {
white-space: nowrap;
}
.webVueAntDatePickerFormItem.hide-label .ant-form-item-label {
display: none;
}
.webVueAntDatePickerFormItem .dropdownClassName {
overflow: hidden;
}
.webVueAntDatePickerFormItem .ant-form-item-content:focus{
outline: none;
}
.webVueAntYtRangePickerStyle-5o5mo {
border-radius: 4px;
}
.webVueAntYtDatePicker .ant-picker-dropdown {
text-align-last: auto;
}
.webVueAntYtDatePicker .ant-picker-input>input {
background: transparent;
}

.webVueAntYtDatePickerFormItem-8rzb3 .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtDatePickerFormItem-8rzb3 .ant-form-item-label label{
width: 66px;
padding-right: 10px;
}
.webVueAntYtDatePickerStyle-kz6fh{
background: #FFFFFF!important;
border-top: 1px solid #CDCDCD !important;
border-right: 1px solid #CDCDCD !important;
border-bottom: 1px solid #CDCDCD !important;
border-left: 1px solid #CDCDCD !important;
}
.webVueAntYtDatePickerStyle-kz6fh.ant-picker-focused,.webVueAntYtDatePickerStyle-kz6fh.ant-picker:hover{
border-right: 1px solid #CDCDCD!important;
}

.webVueAntYtButtonStyle-25nou{
color: #4A90E2 !important;
background: transparent !important;
border-top: 1px solid #4A90E2;
border-right: 1px solid #4A90E2;
border-bottom: 1px solid #4A90E2;
border-left: 1px solid #4A90E2;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-25nou>span{
letter-spacing: 0px !important;
}

.webVueAntYtModalStyle .ant-modal-wrap{
opacity: 1;
box-shadow: 0px 0px 0px 0px transparent;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}
.webVueAntYtModalStyle .ant-modal-wrap .yt-custom-modal-header{
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
padding-top: 12px;
padding-right: 0px;
padding-bottom: 12px;
padding-left: 21px;
}
.webVueAntYtModalStyle.yt-custom-modal .ant-modal-header{
height: 45px;
background: #ffffff;
}
.webVueAntYtModalStyle .ant-modal-wrap .ant-modal-close-x{
height: 45px;
line-height: 45px;
}
.webVueAntYtModalStyle.yt-custom-modal .ant-modal-footer{
height: 57px;
background: #ffffff;
}
.webVueAntYtModal {
width: 100%;
height: 100%;
}


.webVueAntYtModalStyle-884yl .ant-modal-wrap .yt-custom-modal-header{
color: #4A90E2;
font-size: 16px;
font-weight: bold;
}

.webVueAntYtSelectFormItem-vt05u .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtSelectFormItem-vt05u .ant-form-item-label label{
width: 67px;
padding-right: 10px;
}

.webVueAntYtInputFormItem-tmg5v .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-tmg5v .ant-form-item-label label{
width: 66px;
padding-right: 10px;
}
.webVueAntYtInputStyle-xzh5x:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtSelectFormItem-6k1e8 .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtSelectFormItem-6k1e8 .ant-form-item-label label{
width: 66px;
padding-right: 10px;
}

.webVueAntYtInputFormItem-b2kn4 .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-b2kn4 .ant-form-item-label label{
width: 38px;
padding-right: 10px;
}
.webVueAntYtInputStyle-47xnz:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtSelectFormItem-tle90 .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtSelectFormItem-tle90 .ant-form-item-label label{
width: 94px;
padding-right: 10px;
}

.webVueAntYtDatePickerFormItem-gute5 .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtDatePickerFormItem-gute5 .ant-form-item-label label{
width: 66px;
padding-right: 10px;
}
.webVueAntYtDatePickerStyle-36en6{
background: #FFFFFF!important;
border-top: 1px solid #CDCDCD !important;
border-right: 1px solid #CDCDCD !important;
border-bottom: 1px solid #CDCDCD !important;
border-left: 1px solid #CDCDCD !important;
}
.webVueAntYtDatePickerStyle-36en6.ant-picker-focused,.webVueAntYtDatePickerStyle-36en6.ant-picker:hover{
border-right: 1px solid #CDCDCD!important;
}

.webVueAntYtInputFormItem-ow3s0 .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-ow3s0 .ant-form-item-label label{
width: 100px;
padding-right: 10px;
}
.webVueAntYtInputStyle-xgkr0:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtInputFormItem-34pr0 .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-34pr0 .ant-form-item-label label{
width: 66px;
padding-right: 10px;
}
.webVueAntYtInputStyle-w8bb3:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtInputFormItem-6z81k .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-6z81k .ant-form-item-label label{
width: 38px;
padding-right: 10px;
}
.webVueAntYtInputStyle-qle0q:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtInputFormItem-14b0f .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-14b0f .ant-form-item-label label{
width: 66px;
padding-right: 10px;
}
.webVueAntYtInputStyle-nkfnl:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtInputFormItem-x4836 .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-x4836 .ant-form-item-label label{
width: 66px;
padding-right: 10px;
}
.webVueAntYtInputStyle-uug9w:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtRectangleStyle-408e9{
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}

.webVueAntUploadButton  {
flex-wrap: nowrap;
}
.webVueAntUploadButton ,
.webVueAntUploadButton .ant-form-item-control-input,
.webVueAntUploadButton .ant-form-item-control-input .ant-form-item-control-input-content {
width: 100%;
height: 100%;
}
.webVueAntUploadButton .ant-form-item-label {
flex-shrink: 0;
padding: 0;
text-align: left;
}
.webVueAntUploadButton .ant-form-item-label label {
width: 100%;
height: 100%;
}
.webVueAntUploadButton .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
margin-top: 4px;
}
.webVueAntUploadButton .ant-form-item-label label .label-content{
flex: 1;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
}
.webVueAntUploadButton .ant-form-item-label>label.ant-form-item-no-colon:after {
display: none;
}
.webVueAntUploadButton .ant-form-item-label label .ant-form-item-content {
white-space: nowrap;
}
.webVueAntUploadButton.hide-label .ant-form-item-label {
display: none;
}
.webVueAntUploadButton .ant-form-item-content:focus{
outline: none;
}
.webVueAntUploadButton .ant-btn, .webVueAntUploadButton .ant-upload {
width: 100%;
height: 100%;
}

.webVueAntUploadButtonFormItem-rbn4t{
opacity: 1;
flex-direction: row;
}
.webVueAntUploadButtonFormItem-rbn4t .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntUploadButtonFormItem-rbn4t .ant-form-item-label label{
text-decoration: none;
font-style: normal;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
width: 66px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntUploadButtonFormItem-rbn4t .ant-form-item-label label .label-content{
text-align: left;
text-align-last: left;
}
.webVueAntUploadButtonFormItem-rbn4t .ant-upload-list{
max-width: 208px;
max-height: 88px;
}
.webVueAntUploadButtonStyle-de5jh .ant-btn{
color: #000000A6;
font-family: Microsoft YaHei;
font-weight: Normal;
font-size: 14px;
text-align: center;
font-style: normal;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
background-color: #FFFFFF;
border-top: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
border-left: 1px solid #D9D9D9;
box-shadow: 0px 0px 0px 0px transparent;
}
.webVueAntUploadButtonStyle-de5jh .ant-btn span{
text-decoration: none;
}

.webVueAntYtSelectFormItem-r7y9w .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtSelectFormItem-r7y9w .ant-form-item-label label{
width: 66px;
padding-right: 10px;
}

.webVueAntYtInputFormItem-jwqee .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-jwqee .ant-form-item-label label{
width: 94px;
padding-right: 10px;
}
.webVueAntYtInputStyle-a4312:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtInputFormItem-t9kkg .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-t9kkg .ant-form-item-label label{
width: 66px;
padding-right: 10px;
}
.webVueAntYtInputStyle-6knph:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntUploadButtonFormItem-82gcx{
opacity: 1;
flex-direction: row;
}
.webVueAntUploadButtonFormItem-82gcx .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntUploadButtonFormItem-82gcx .ant-form-item-label label{
text-decoration: none;
font-style: normal;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
width: 94px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntUploadButtonFormItem-82gcx .ant-form-item-label label .label-content{
text-align: left;
text-align-last: left;
}
.webVueAntUploadButtonFormItem-82gcx .ant-upload-list{
max-width: 208px;
max-height: 88px;
}
.webVueAntUploadButtonStyle-kzd2m .ant-btn{
color: #000000A6;
font-family: Microsoft YaHei;
font-weight: Normal;
font-size: 14px;
text-align: center;
font-style: normal;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
background-color: #FFFFFF;
border-top: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
border-left: 1px solid #D9D9D9;
box-shadow: 0px 0px 0px 0px transparent;
}
.webVueAntUploadButtonStyle-kzd2m .ant-btn span{
text-decoration: none;
}

.webVueAntYtInputFormItem-giyyg .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-giyyg .ant-form-item-label label{
width: 122px;
padding-right: 10px;
}
.webVueAntYtInputStyle-n6zms:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtRectangleStyle-klqpo{
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}

.webVueAntYtInputFormItem-qaicg .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-qaicg .ant-form-item-label label{
width: 66px;
padding-right: 10px;
}
.webVueAntYtInputStyle-biyj1:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntUploadButtonFormItem-dwoxl{
opacity: 1;
flex-direction: row;
}
.webVueAntUploadButtonFormItem-dwoxl .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntUploadButtonFormItem-dwoxl .ant-form-item-label label{
text-decoration: none;
font-style: normal;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
width: 94px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntUploadButtonFormItem-dwoxl .ant-form-item-label label .label-content{
text-align: left;
text-align-last: left;
}
.webVueAntUploadButtonFormItem-dwoxl .ant-upload-list{
max-width: 208px;
max-height: 88px;
}
.webVueAntUploadButtonStyle-jce0h .ant-btn{
color: #000000A6;
font-family: Microsoft YaHei;
font-weight: Normal;
font-size: 14px;
text-align: center;
font-style: normal;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
background-color: #FFFFFF;
border-top: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
border-left: 1px solid #D9D9D9;
box-shadow: 0px 0px 0px 0px transparent;
}
.webVueAntUploadButtonStyle-jce0h .ant-btn span{
text-decoration: none;
}

.webVueAntYtInputFormItem-5ambs .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-5ambs .ant-form-item-label label{
width: 66px;
padding-right: 10px;
}
.webVueAntYtInputStyle-zhdk8:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtDatePickerFormItem-1hdad .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtDatePickerFormItem-1hdad .ant-form-item-label label{
width: 66px;
padding-right: 10px;
}
.webVueAntYtDatePickerStyle-wllqp{
background: #FFFFFF!important;
border-top: 1px solid #CDCDCD !important;
border-right: 1px solid #CDCDCD !important;
border-bottom: 1px solid #CDCDCD !important;
border-left: 1px solid #CDCDCD !important;
}
.webVueAntYtDatePickerStyle-wllqp.ant-picker-focused,.webVueAntYtDatePickerStyle-wllqp.ant-picker:hover{
border-right: 1px solid #CDCDCD!important;
}

.webVueAntYtInputFormItem-azuvr .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-azuvr .ant-form-item-label label{
width: 100px;
padding-right: 10px;
}
.webVueAntYtInputStyle-jr0i4:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtTable {
display: inline-block;
}
.webVueAntYtTable .ant-radio-input {
display: none;
}
.webVueAntYtTable thead tr th div:first-child {
display: flex !important;
align-items: center;
}
.webVueAntYtTable thead tr th:before {
content: none !important;
}
.webVueAntYtTable thead tr th:not(.ant-table-selection-column), .webVueAntYtTable .ant-table-tbody tr td:not(.ant-table-selection-column) {
padding: 0 !important;
}
.webVueAntYtTable thead tr th.ant-table-selection-column, .webVueAntYtTable .ant-table-tbody tr td.ant-table-selection-column {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.webVueAntYtTable .ant-table-tbody tr td, .webVueAntYtTable thead tr th {
position: relative;
}
.webVueAntYtTable .ant-table-tbody tr td .td-text, .webVueAntYtTable thead tr th .th-text {
width: 100%;
display: inline-block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.webVueAntYtTable tr td .td-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.webVueAntYtTable .ant-table-tbody tr td {
border-top: 0 !important;
}
.webVueAntYtTable .ant-table-tbody tr td .ant-radio-wrapper {
align-items: center;
}
.webVueAntYtTable .ant-table-tbody tr:last-child td {
border-bottom: 0 !important;
}
.webVueAntYtTable .ant-pagination {
display: flex;
}

.webVueAntYtTable .add-pointer {
display: flex !important;
}
.webVueAntYtTable .ant-table-thead .ant-table-cell-scrollbar {
width: 6px;
}
.webVueAntYtTable .ant-table-header colgroup col:not(.ant-table-selection-col) {
width: auto !important;
}
:focus-visible {
outline: none;
}
.webVueAntYtTable .ant-table-body::-webkit-scrollbar {
width: 6px;
height: 6px;
border-radius: 2px;
}
.webVueAntYtTable .ant-table-body::-webkit-scrollbar-thumb {
background-color: #ccc;
}
.webVueAntYtTable.custom-table .ant-table-content {
overflow: hidden !important;
max-height: unset !important;
}

.webVueAntYtTableStyle-62xll{
opacity: 1;
}
.webVueAntYtTableStyle-62xll .ant-table{
box-shadow: 0px 0px 0px 0px transparent;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
border-left: 1px solid #D9D9D9;
}
.webVueAntYtTableStyle-62xll .ant-table th:first-child{
border-top-left-radius: 4px !important;
}
.webVueAntYtTableStyle-62xll .ant-table th:last-child{
border-top-right-radius: 4px !important;
}
.webVueAntYtTableStyle-62xll .ant-table tr:last-child td:first-child{
border-bottom-left-radius: 4px !important;
}
.webVueAntYtTableStyle-62xll .ant-table tr:last-child td:last-child{
border-bottom-right-radius: 4px !important;
}
.webVueAntYtTableStyle-62xll .ant-table .ant-table-thead tr,.webVueAntYtTableStyle-62xll .ant-table .ant-table-thead tr th div:first-child{
height: 50px;
}
.webVueAntYtTableStyle-62xll .ant-table .ant-table-thead tr th div.ant-table-selection{
line-height: 50px;
}
.webVueAntYtTableStyle-62xll .ant-table .ant-table-thead tr th{
background: #4A90E212;
}
.webVueAntYtTableStyle-62xll .ant-table .ant-table-thead tr span.th-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: bold;
line-height: 50px;
letter-spacing: 0px;
font-style: normal;
text-align: center;
text-align-last: center;
text-decoration: none;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-62xll .ant-table tbody tr td{
height: 50px;
}
.webVueAntYtTableStyle-62xll .ant-table tbody tr td .ant-checkbox-wrapper{
line-height: 50px;
}
.webVueAntYtTableStyle-62xll .ant-table tbody tr td{
background: #FFFFFF;
}
.webVueAntYtTableStyle-62xll .ant-table thead tr th,.webVueAntYtTableStyle-62xll .ant-table .ant-table-tbody tr:not(:last-child) td{
border-bottom: 1px solid #dcdcdc;
}
.webVueAntYtTableStyle-62xll .ant-table thead tr th:not(:last-child),.webVueAntYtTableStyle-62xll .ant-table .ant-table-tbody tr td:not(:last-child){
border-right: 0px solid #dcdcdc;
}
.webVueAntYtTableStyle-62xll.ant-table-striped .ant-table tbody tr:nth-child(2n-1) td{
background: #FFFFFF;
}
.webVueAntYtTableStyle-62xll.ant-table-striped .ant-table tbody tr:nth-child(2n) td{
background: #FFFFFF;
}
.webVueAntYtTableStyle-62xll .ant-table tbody tr:not(.ant-table-row-selected):hover td{
background: #E4EFFF !important;
}
.webVueAntYtTableStyle-62xll .ant-table tbody tr:not(.ant-table-row-selected):hover td span.td-text{
color: #000000 !important;
}
.webVueAntYtTableStyle-62xll .ant-table-tbody tr.ant-table-row-selected td{
background: #3C8EFF !important;
}
.webVueAntYtTableStyle-62xll .ant-table-tbody tr.ant-table-row-selected td span.td-text{
color: #FFFFFF !important;
}
.webVueAntYtTableStyle-62xll .ant-pagination li:not(.ant-pagination-options),.webVueAntYtTableStyle-62xll .ant-pagination button,.webVueAntYtTableStyle-62xll .ant-pagination li .ant-select .ant-select-selector,.webVueAntYtTableStyle-62xll .ant-pagination li input{
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
background: #FFFFFF;
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 32px;
letter-spacing: 0px;
text-align: center;
text-align-last: center;
font-style: normal;
text-decoration: none;
}
.webVueAntYtTableStyle-62xll .ant-pagination button,.webVueAntYtTableStyle-62xll .ant-pagination li .ant-select .ant-select-selector,.webVueAntYtTableStyle-62xll .ant-pagination li input,.webVueAntYtTableStyle-62xll .ant-pagination li a,.webVueAntYtTableStyle-62xll .ant-pagination li .ant-pagination-options-quick-jumper{
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-62xll .ant-pagination li:not(.ant-pagination-options),.webVueAntYtTableStyle-62xll .ant-pagination li.ant-pagination-options .ant-pagination-options-size-changer.ant-select .ant-select-selector,.webVueAntYtTableStyle-62xll .ant-pagination li.ant-pagination-options .ant-pagination-options-quick-jumper input{
border-top: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
border-left: 1px solid #D9D9D9;
}
.webVueAntYtTableStyle-62xll .ant-pagination li button{
border: none;
}
.webVueAntYtTableStyle-62xll .ant-pagination li a,.webVueAntYtTableStyle-62xll .ant-pagination li .ant-pagination-options-quick-jumper{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 32px;
letter-spacing: 0px;
text-align: center;
text-align-last: center;
font-style: normal;
text-decoration: none;
}
.webVueAntYtTableStyle-62xll .ant-pagination li.ant-pagination-item-active{
background: #FFFFFF;
border-top: 1px solid #1890ff;
border-right: 1px solid #1890ff;
border-bottom: 1px solid #1890ff;
border-left: 1px solid #1890ff;
}
.webVueAntYtTableStyle-62xll .ant-pagination li.ant-pagination-item-active a{
color: #1890ff;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 32px;
letter-spacing: 0px;
text-align: center;
text-align-last: center;
font-style: normal;
text-decoration: none;
}
.webVueAntYtTableStyle-62xll tr td:nth-child(1) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-62xll tr td:nth-child(1) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-62xll tr > th:nth-child(1), .webVueAntYtTableStyle-62xll .ant-table-body tr.ant-table-measure-row td:nth-child(1){
width: 80px !important;
min-width: 80px !important;
max-width: 80px !important;
}
.webVueAntYtTableStyle-62xll tr td:nth-child(2) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-62xll tr td:nth-child(2) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-62xll tr > th:nth-child(2), .webVueAntYtTableStyle-62xll .ant-table-body tr.ant-table-measure-row td:nth-child(2){
width: calc((100% - 260px) / 10) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-62xll tr td:nth-child(3) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-62xll tr td:nth-child(3) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-62xll tr > th:nth-child(3), .webVueAntYtTableStyle-62xll .ant-table-body tr.ant-table-measure-row td:nth-child(3){
width: calc((100% - 260px) / 10) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-62xll tr td:nth-child(4) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-62xll tr td:nth-child(4) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-62xll tr > th:nth-child(4), .webVueAntYtTableStyle-62xll .ant-table-body tr.ant-table-measure-row td:nth-child(4){
width: calc((100% - 260px) / 10) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-62xll tr td:nth-child(5) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-62xll tr td:nth-child(5) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-62xll tr > th:nth-child(5), .webVueAntYtTableStyle-62xll .ant-table-body tr.ant-table-measure-row td:nth-child(5){
width: calc((100% - 260px) / 10) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-62xll tr td:nth-child(6) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-62xll tr td:nth-child(6) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-62xll tr > th:nth-child(6), .webVueAntYtTableStyle-62xll .ant-table-body tr.ant-table-measure-row td:nth-child(6){
width: calc((100% - 260px) / 10) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-62xll tr td:nth-child(7) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-62xll tr td:nth-child(7) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-62xll tr > th:nth-child(7), .webVueAntYtTableStyle-62xll .ant-table-body tr.ant-table-measure-row td:nth-child(7){
width: calc((100% - 260px) / 10) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-62xll tr td:nth-child(8) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-62xll tr td:nth-child(8) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-62xll tr > th:nth-child(8), .webVueAntYtTableStyle-62xll .ant-table-body tr.ant-table-measure-row td:nth-child(8){
width: calc((100% - 260px) / 10) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-62xll tr td:nth-child(9) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-62xll tr td:nth-child(9) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-62xll tr > th:nth-child(9), .webVueAntYtTableStyle-62xll .ant-table-body tr.ant-table-measure-row td:nth-child(9){
width: calc((100% - 260px) / 10) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-62xll tr td:nth-child(10) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-62xll tr td:nth-child(10) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-62xll tr > th:nth-child(10), .webVueAntYtTableStyle-62xll .ant-table-body tr.ant-table-measure-row td:nth-child(10){
width: calc((100% - 260px) / 10) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-62xll tr td:nth-child(11) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-62xll tr td:nth-child(11) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-62xll tr > th:nth-child(11), .webVueAntYtTableStyle-62xll .ant-table-body tr.ant-table-measure-row td:nth-child(11){
width: calc((100% - 260px) / 10) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-62xll tr td:nth-child(12) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-62xll tr td:nth-child(12) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-62xll tr > th:nth-child(12), .webVueAntYtTableStyle-62xll .ant-table-body tr.ant-table-measure-row td:nth-child(12){
width: 180px !important;
min-width: 180px !important;
max-width: 180px !important;
}
.webVueAntYtTableStyle-62xll{
width: 100%;
}

.webVueAntYtButtonStyle-wijlg{
color: #4A90E2 !important;
background: transparent !important;
border-top: 0px solid transparent;
border-right: 0px solid transparent;
border-bottom: 0px solid transparent;
border-left: 0px solid transparent;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-wijlg>span{
letter-spacing: 0px !important;
}

.webVueAntYtButtonStyle-nuzkv{
color: #4A90E2 !important;
background: transparent !important;
border-top: 0px solid transparent;
border-right: 0px solid transparent;
border-bottom: 0px solid transparent;
border-left: 0px solid transparent;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-nuzkv>span{
letter-spacing: 0px !important;
}}
</style>